<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
<body>
	<span>游客停车收费:</span>
	<select id="guestParking" style="height:25px">
		<option value="1">起步时段固定收费，超出时段按时间收费</option>
		<option value="2">起步时段按时收费，超出时段则收取罚款</option>
		<option value="3">起步时段按时收费，超出时段则固定一个费用</option>
		<option value="4">阶梯固定费用</option>
		<option value="5">固定收费</option>
	</select><button id="updateGuestParkingRule">设置</button></br>
	<span id="guestParkingRule"></span></br></br>
	
	<span>业主停车收费:</span>
	<select id="userParking" style="height:25px">
		<option value="8">固定收费</option>
	</select><button id="updateUserParkingRule">设置</button></br>
	<span id="userParkingRule">每辆车收取固定费用<input type='text' id='upParam1'></span></br></br>
	
	<span>业主电费收费:</span>
	<select id="userElectric" style="height:25px">
		<option value="6">量式收费</option>
		<option value="7">阶梯式收费</option>
	</select><button id="updateUserElectricRule">设置</button></br>
	<span id="userElectricRule"></span></br></br>
	
	
	<span>业主水费收费:</span>
	<select id="userWater" style="height:25px">
		<option value="6">量式收费</option>
		<option value="7">阶梯式收费</option>
	</select><button id="updateUserWaterRule">设置</button></br>
	<span id="userWaterRule"></span></br></br>
	
	
	<span>业主天然气收费:</span>
	<select id="userGas" style="height:25px">
		<option value="6">量式收费</option>
		<option value="7">阶梯式收费</option>
	</select><button id="updateUserGasRule">设置</button></br>
	<span id="userGasRule"></span></br></br>
	
	
	<span>业主污水处理收费:</span>
	<select id="userSewage" style="height:25px">
		<option value="6">量式收费</option>
		<option value="8">固定收费</option>
	</select><button id="updateUserSewageRule">设置</button></br>
	<span id="userSewageRule"></span></br></br>
	
	
	<span>业主物业管理收费:</span>
	<select id="userManage" style="height:25px">
		<option value="8">固定收费</option>
	</select><button id="updateUserManageRule">设置</button></br>
	<span id="userManageRule">每户收取固定费用<input type='text' id='umParam1'></span></br></br>
</body>
</html>
<script>
	$(function(){
		var gpPayServer = getRule("guestParking");
		var upPayServer = getRule("userParking");
		var uwPayServer = getRule("water");
		var umPayServer = getRule("manage");
		var uePayServer = getRule("electric");
		var ugPayServer = getRule("gas");
		var usPayServer = getRule("sewage");
				
	//游客停车费
		//游客停车费规则选择
		$("#guestParking").change(function(){
			var guestParkingVal = $("#guestParking").val();
			showGuestParkingRule(guestParkingVal);
		});
		//显示游客停车收费规则
		showGuestParkingRule(gpPayServer.payRule);
		function showGuestParkingRule(val){
			var rule;
			$("#guestParking").val(val);
			if(val=="1"){
				rule = "停车时间少于<input type='text' id='gpParam1'>时,收取费用<input type='text' id='gpParam2'>，超出的时间每<input type='text' id='gpParam4'>收取<input type='text' id='gpParam3'>的费用";
				$("#guestParkingRule").html(rule);
			}
			if(val=="2"){
				rule = "停车每<input type='text' id='gpParam3'>时收取<input type='text' id='gpParam2'>的费用，超过<input type='text' id='gpParam1'>时则额外交<input type='text' id='gpParam4'>的罚款费用";
				$("#guestParkingRule").html(rule);
			}
			if(val=="3"){
				rule = "停车每<input type='text' id='gpParam3'>时收取<input type='text' id='gpParam2'>的费用，超过<input type='text' id='gpParam1'>时则固定费用<input type='text' id='gpParam4'>";
				$("#guestParkingRule").html(rule);
			}
			if(val=="4"){
				rule = "停车时间少于<input type='text' id='gpParam1'>时收取<input type='text' id='gpParam2'>费用，少于<input type='text' id='gpParam3'>时收取<input type='text' id='gpParam4'>费用，超出<span class='gpParam3'></span>则收取<input type='text' id='gpParam5'>费用";
				$("#guestParkingRule").html(rule);
			}
			if(val=="5"){
				rule = "每辆车收取固定费用<input type='text' id='gpParam1'>";
				$("#guestParkingRule").html(rule);
			}
			
			if(val==gpPayServer.payRule){
				$("#gpParam1").val(gpPayServer.param1);
				$("#gpParam2").val(gpPayServer.param2);
				$("#gpParam3").val(gpPayServer.param3);
				$(".gpParam3").html(" "+gpPayServer.param3+" ");
				$("#gpParam4").val(gpPayServer.param4);
				$("#gpParam5").val(gpPayServer.param5);
			}
			$("#gpParam3").change(function(){
				$(".gpParam3").html(" "+$("#gpParam3").val()+" ");
			});
			//设置游客停车收费规则
			$("#updateGuestParkingRule").click(function(){
				gpPayServer.payRule=$("#guestParking").val();
				gpPayServer.param1=$("#gpParam1").val();
				gpPayServer.param2=$("#gpParam2").val();
				gpPayServer.param3=$("#gpParam3").val();
				gpPayServer.param4=$("#gpParam4").val();
				gpPayServer.param5=$("#gpParam5").val();
				setRule(gpPayServer);
			});
		};
		
		
		
	//业主停车费
		//显示业主停车收费规则
		$("#upParam1").val(upPayServer.param1);
		//设置业主停车收费规则
		$("#updateUserParkingRule").click(function(){
				upPayServer.payRule=$("#userParking").val();
				upPayServer.param1=$("#upParam1").val();
				setRule(upPayServer);
			});
		
		
		
	//业主电费
		//电费规则选择
		$("#userElectric").change(function(){
			var userElectricVal = $("#userElectric").val();
			showUserElectricRule(userElectricVal);
		});
		//显示业主电收费规则
		showUserElectricRule(uePayServer.payRule);
		function showUserElectricRule(val){
			var rule;
			$("#userElectric").val(val);
			if(val=="6"){
				rule = "每使用<input type='text' id='ueParam2'>的量，收取<input type='text' id='ueParam1'>的费用";
				$("#userElectricRule").html(rule);
			}
			if(val=="7"){
				rule = "第一阶段，在<input type='text' id='ueParam3'>使用量的限制内，每使用<input type='text' id='ueParam2'>的量收取<input type='text' id='ueParam1'>的费用</br>第二阶段，在<input type='text' id='ueParam5'>使用量的限制内，超出<input type='text' id='ueParam3'>的限制每多使用<input type='text' id='ueParam2'>的量收取<input type='text' id='ueParam4'>的费用</br>第三阶段，超出<input type='text' id='ueParam5'>的使用量限制，每多使用<input type='text' id='ueParam2'>的量收取<input type='text' id='ueParam6'>的费用";
				$("#userElectricRule").html(rule);
			}
			if(val==uePayServer.payRule){
				$("#ueParam1").val(uePayServer.param1);
				$("#ueParam2").val(uePayServer.param2);
				$("#ueParam3").val(uePayServer.param3);
				$("#ueParam4").val(uePayServer.param4);
				$("#ueParam5").val(uePayServer.param5);
				$("#ueParam6").val(uePayServer.param6);
			}
		};
		//设置电收费规则
		$("#updateUserElectricRule").click(function(){
			uePayServer.payRule=$("#userElectric").val();
			uePayServer.param1=$("#ueParam1").val();
			uePayServer.param2=$("#ueParam2").val();
			uePayServer.param3=$("#ueParam3").val();
			uePayServer.param4=$("#ueParam4").val();
			uePayServer.param5=$("#ueParam5").val();
			uePayServer.param6=$("#ueParam6").val();
			setRule(uePayServer);
		});
		
		
		
	//业主水费
		//水费规则选择
		$("#userWater").change(function(){
			var userWaterVal = $("#userWater").val();
			showUserWaterRule(userWaterVal);
		});
		//显示水收费规则
		showUserWaterRule(uwPayServer.payRule);
		function showUserWaterRule(val){
			var rule;
			$("#userWater").val(val);
			if(val=="6"){
				rule = "每使用<input type='text' id='uwParam2'>的量，收取<input type='text' id='uwParam1'>的费用";
				$("#userWaterRule").html(rule);
			}
			if(val=="7"){
				rule = "第一阶段，在<input type='text' id='uwParam3'>使用量的限制内，每使用<input type='text' id='uwParam2'>的量收取<input type='text' id='uwParam1'>的费用</br>第二阶段，在<input type='text' id='uwParam5'>使用量的限制内，超出<input type='text' id='uwParam3'>的限制每多使用<input type='text' id='uwParam2'>的量收取<input type='text' id='uwParam4'>的费用</br>第三阶段，超出<input type='text' id='uwParam5'>的使用量限制，每多使用<input type='text' id='uwParam2'>的量收取<input type='text' id='uwParam6'>的费用";
				$("#userWaterRule").html(rule);
			}
			if(val==uwPayServer.payRule){
				$("#uwParam1").val(uwPayServer.param1);
				$("#uwParam2").val(uwPayServer.param2);
				$("#uwParam3").val(uwPayServer.param3);
				$("#uwParam4").val(uwPayServer.param4);
				$("#uwParam5").val(uwPayServer.param5);
				$("#uwParam6").val(uwPayServer.param6);
			}
		};
		//设置水收费规则
		$("#updateUserWaterRule").click(function(){
			uwPayServer.payRule=$("#userWater").val();
			uwPayServer.param1=$("#uwParam1").val();
			uwPayServer.param2=$("#uwParam2").val();
			uwPayServer.param3=$("#uwParam3").val();
			uwPayServer.param4=$("#uwParam4").val();
			uwPayServer.param5=$("#uwParam5").val();
			uwPayServer.param6=$("#uwParam6").val();
			setRule(uwPayServer);
		});
		
		
		
	//业主天然气费
		//天然气费规则选择
		$("#userGas").change(function(){
			var userGasVal = $("#userGas").val();
			showUserGasRule(userGasVal);
		});
		//显示天然气收费规则
		showUserGasRule(ugPayServer.payRule);
		function showUserGasRule(val){
			var rule;
			$("#userGas").val(val);
			if(val=="6"){
				rule = "每使用<input type='text' id='ugParam2'>的量，收取<input type='text' id='ugParam1'>的费用";
				$("#userGasRule").html(rule);
			}
			if(val=="7"){
				rule = "第一阶段，在<input type='text' id='ugParam3'>使用量的限制内，每使用<input type='text' id='ugParam2'>的量收取<input type='text' id='ugParam1'>的费用</br>第二阶段，在<input type='text' id='ugParam5'>使用量的限制内，超出<input type='text' id='ugParam3'>的限制每多使用<input type='text' id='ugParam2'>的量收取<input type='text' id='ugParam4'>的费用</br>第三阶段，超出<input type='text' id='ugParam5'>的使用量限制，每多使用<input type='text' id='ugParam2'>的量收取<input type='text' id='ugParam6'>的费用";
				$("#userGasRule").html(rule);
			}
			if(val==ugPayServer.payRule){
				$("#ugParam1").val(ugPayServer.param1);
				$("#ugParam2").val(ugPayServer.param2);
				$("#ugParam3").val(ugPayServer.param3);
				$("#ugParam4").val(ugPayServer.param4);
				$("#ugParam5").val(ugPayServer.param5);
				$("#ugParam6").val(ugPayServer.param6);
			}
		};
		//设置天然气收费规则
		$("#updateUserGasRule").click(function(){
			ugPayServer.payRule=$("#userGas").val();
			ugPayServer.param1=$("#ugParam1").val();
			ugPayServer.param2=$("#ugParam2").val();
			ugPayServer.param3=$("#ugParam3").val();
			ugPayServer.param4=$("#ugParam4").val();
			ugPayServer.param5=$("#ugParam5").val();
			ugPayServer.param6=$("#ugParam6").val();
			setRule(ugPayServer);
		});
		
		
		
	//业主污水处理费
		//污水处理费规则选择
		$("#userSewage").change(function(){
			var userSewageVal = $("#userSewage").val();
			showUserSewageRule(userSewageVal);
		});
		//显示污水处理收费规则
		showUserSewageRule(usPayServer.payRule);
		function showUserSewageRule(val){
			$("#userSewage").val(val);
			var rule;
			if(val=="6"){
				rule = "每使用<input type='text' id='usParam2'>的量，收取<input type='text' id='usParam1'>的费用";
				$("#userSewageRule").html(rule);
			}
			if(val=="8"){
				rule = "每户收取固定费用<input type='text' id='usParam1'>";
				$("#userSewageRule").html(rule);
			}
			if(val==usPayServer.payRule){
				$("#usParam1").val(usPayServer.param1);
				$("#usParam2").val(usPayServer.param2);
			}
		};
		//设置污水处理收费规则
		$("#updateUserSewageRule").click(function(){
			usPayServer.payRule=$("#userSewage").val();
			usPayServer.param1=$("#usParam1").val();
			usPayServer.param2=$("#usParam2").val();
			setRule(usPayServer);
		});
		
		
		
	//物业管理费
		//显示物业管理收费规则
		$("#umParam1").val(umPayServer.param1);
		//设置物业管理收费规则
		$("#updateUserManageRule").click(function(){
				umPayServer.payRule=$("#userManage").val();
				umPayServer.param1=$("#umParam1").val();
				setRule(umPayServer);
			});
	//获得收费项目名称对应收费规则
		function getRule(payServerName){
			var payServer;
			$.ajax({
				url:'getRule',
				method:'get',
				contentType:'application/json',
				dataType:'json',
				async:false,
				data:{'payServerName':payServerName},
				success:function(data){
					payServer = data;
				}
			});
			return payServer;
		};
	//设置收费项目对应收费规则
		function setRule(payServer){
			var payServer;
			$.ajax({
				url:'setRule',
				method:'get',
				contentType:'application/json',
				dataType:'json',
				data:{
					'payServerId':payServer.payServerId,
					'payServerName':payServer.payServerName,
					'payRule':payServer.payRule,
					'param1':payServer.param1,
					'param2':payServer.param2,
					'param3':payServer.param3,
					'param4':payServer.param4,
					'param5':payServer.param5,
					'param6':payServer.param6
				},
				success:function(data){
				}
			});
		};
	})
</script>